<!--
 * @Author       : 汤姆猫
 * @Date         : 2024-10-05 19:47:27
 * @LastEditTime : 2024-10-06 19:23:40
 * @FilePath     : \career.html
-->
<!--
 * @Author       : 汤姆猫
 * @Date         : 2024-10-03 16:57:50
 * @LastEditTime : 2024-10-05 05:44:05
 * @FilePath     : \freeClass.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>职业路径</title>
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <link rel="stylesheet" href="/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4677206_69b6y8txmjy.css">
  <link rel="stylesheet/less" href="/css/reset.less">
  <link rel="stylesheet/less" href="/css/common.less">
  <link rel="stylesheet/less" href="/css/career.less">
</head>

<body>
  <div id="caree">
    <nav class="navbar navbar-inverse nav-bg">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <!-- logo -->
          <a class="navbar-brand logo" href="#"> <img src="/images/index/sskoo.com.png" alt=""></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li><a href="index.html">首页</a></li>
            <li><a href="freeClass.html">免费课程</a></li>
            <li class="active"><a href="career.html">职业路径</a></li>
            <li><a href="actual.html">实战课程</a></li>
          </ul>

          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                aria-expanded="false">Language <span class="caret"></span></a>
              <ul class="dropdown-menu menu-bg">
                <li><a href="#">中文简体</a></li>
                <li><a href="#">中文繁体</a></li>
                <li><a href="#">English</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div>
    </nav>

    <div class="swiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="headBox">
            <div class="image">
              <img src="/images//career/26256245.png" alt="">
              <div class="shadow"></div>
            </div>

            <p class="p1">热门课程 · 先到先得</p>
            <p class="p2">高端高效必杀技，让您如鱼得水，升职加薪</p>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="headBox">
            <div class="image">
              <img src="/images/freeClass/163711142.png" alt="">
              <div class="shadow"></div>
            </div>

            <p class="p1">互动 · 了解前沿技术</p>
            <p class="p2">高端高效必杀技，让您如鱼得水，升职加薪</p>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="headBox">
            <div class="image">
              <img src="/images/freeClass/163711142.png" alt="">
              <div class="shadow"></div>
            </div>

            <p class="p1">培训 · 商业实战项目演练</p>
            <p class="p2">高端高效必杀技，让您如鱼得水，升职加薪</p>
          </div>
        </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>

    </div>

    <div class="classList">
      <div class="item">
        <div class="image">
          <img src="/images/freeClass/164772048.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/155348574.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/164772048.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/freeClass/204184698 拷贝.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images//freeClass/178701800.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/185186976.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/new_201039852.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/204184698.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/2077680.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/2077680.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images//freeClass/168806228 拷贝.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/209739992.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
    </div>

    <div id="head">
      <div class="headBox  head-2">
        <div class="image">
          <img src="/images/freeClass/163711142.png" alt="">
          <div class="shadow"></div>
        </div>
        <p class="p1">学习，因陪伴不再孤单</p>
        <p class="p2">学习，是指通过阅读、听讲、思考、研究、实践等途径获得知识或技能的过程。学习分为狭义与广义两种： 狭义：通过阅读、听讲、研究、观察、理解、探索、实验、实践等手段获得知识或技能的过程学习作为一种获取知识交流情感的方式，已经成为人们日常生活中不可缺少的一项重要的内容，尤其是在二十一世纪这个知识经济时代，自主学习已是人们不断满足自身需要、充实原有知识结构，获取有价值信息，并最终取得成功的法宝。</p>
      </div>
    </div>
    <div class="top">
      <div class="left">
        <p class="p1">系统进阶与学习进修专研之路</p>
        <p class="p2">专注电商项目重磅实操，时间经验从这里开始</p>
        <img src="/images/index/212166212.png" alt="">
        <div class="shadow"></div>
      </div>
      <div class="right">
        <p class="p1">学习PHOTOSHOP软件做设计更轻松</p>
        <p class="p2">专注电商项目重磅实操，时间经验从这里开始 拷贝</p>
        <img src="/images/index/201039852.png" alt="">
        <div class="shadow"></div>
      </div>
    </div>

    <div class="classList">
      <div class="item">
        <div class="image">
          <img src="/images/freeClass/164772048.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/155348574.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/164772048.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/freeClass/204184698 拷贝.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images//freeClass/178701800.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/185186976.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/new_201039852.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/204184698.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/2077680.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/2077680.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images//freeClass/168806228 拷贝.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
      <div class="item">
        <div class="image">
          <img src="/images/index/209739992.png" alt="">
        </div>
        <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
        <p class="introduce">全新改版课程 实战 初级</p>
        <div class="down">
          <span class="price">¥3000.00</span>
          <button>立即购买</button>
        </div>
      </div>
    </div>

    <div id="footer">
      <div class="footer-box">
        <div class="left">
          <div class="up">
            <p>公司简介</p>
            <p>联系方式</p>
            <p>人才招聘</p>
          </div>
          <div class="down">
            All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
          </div>
        </div>
        <div class="right">
          <div class="icon"><i class="iconfont icon-pengyouquan-copy"></i></div>
          <div class="icon"><i class="iconfont icon-dingding"></i></div>
          <div class="icon"><i class="iconfont icon-wenjian"></i></div>
          <div class="code">
            <img src="/images/index/图层 53.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
</body>

</html>
<script src="/js/jquery-3.7.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/swiper-bundle.min.js"></script>
<script src="/js/less.min.js"></script>
<script>
  // 在DOM加载完成后执行
  document.addEventListener('DOMContentLoaded', function () {
    var swiper = new Swiper('.swiper', {
      // 自动播放选项
      autoplay: {
        delay: 2500, // 每张图片显示的时间（毫秒）
        disableOnInteraction: false, // 用户交互后继续自动播放
      },
      // 分页指示器
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      // 其他选项...
    });
  });
</script>